<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.css" rel="stylesheet" />
		<link href="../css/iconfont.css" rel="stylesheet" />
		<link href="../css/dingdanxiangqing.css" rel="stylesheet" />
		<script src="../js/jquery-1.9.1.min.js"></script>
	</head>

	<body>
		<!--  顶部组件      -->
		<header class="mui-bar mui-bar-nav head">
			<a class="mui-action-back">
				<span class="mui-icon mui-icon-arrowleft sp5"></span>
			</a>
			<h1 class="mui-title">确认订单</h1>
		</header>
		<nav id="nav" class="mui-bar mui-bar-tab">
			<div class="left_mandy">
				<a>合计：<span>￥720.00</span></a>
			</div>
			<a href="goumaizhifu.html">
				<button id="jiesuan" type="button" class="mui-btn mui-btn-danger">立即结算</button>
			</a>
		</nav>

		<!--  主题内容组件     -->
		<div id="content" class="mui-content">
			<!--<input type="text" value="请输入手机号码" maxlength="11" onkeyup="if(value.length>3&&value.length<8){value=value.substring(0,value.length-1)+'*'}" onfocus="value=''" onblur="if(value==''){value='请输入手机号码'}"/>-->
			<div id="adress" class="per">
				<span id="dingwei" class="mui-icon iconfont icon-dingwei"></span>
				<span id="xiangyou" class="mui-icon mui-icon-arrowright"></span>
				<ul>
					<li>
						<p class="p_name">
							<span style="float: left;">
								收货人:
								<span>海明明</span>
							</span>
							<span id="phone" style="float: right; margin-right: 4%;">15770896001</span>
						</p>
						<div style="clear: both;"></div>
						<p style="margin-top: 10px; color: #666; font-size: 15px;">珠海市珠海区来广营北路168号海诚商城</p>
					</li>
				</ul>
			</div>
			<div class="mui-input-row mui-checkbox mui-left">
				<label>
					<div class="label_one">
						<div class="label_one_img">
							<img src="../img/wode/jiyou1.jpg" />
						</div>
						<div class="label_one_contain">
							<p class="p2">道达尔(TOTAL) 快驰9000全合成机油润滑油 5W30</p>
							<div class="label_one_contain_bottom">
								<span class="jiaqian">￥360</span>
								<div style="margin: 14px 14px 0 0;" class="mui-numbox" data-numbox-step="1" data-numbox-min="0" data-numbox-max="10000">
									<button class="mui-btn mui-numbox-btn-minus" type="button">-</button>
									<input style="height: 24px;" class="mui-numbox-input" type="number" />
									<button class="mui-btn mui-numbox-btn-plus" type="button">+</button>
								</div>
							</div>
						</div>
					</div>
				</label>
            </div>
            <ul style="margin-top: 20px;" class="mui-table-view"> 
		        <li class="mui-table-view-cell mui-collapse">
		            <a class="mui-navigate-right" href="#">配送方式</a>
		            <div class="mui-collapse-content">
		                <p>面板1子内容</p>
		            </div>
		        </li>
		    </ul>
		    <ul class="mui-table-view"> 
		        <li class="mui-table-view-cell mui-collapse">
		            <a class="mui-navigate-right" href="#">发票信息</a>
		            <div class="mui-collapse-content">
		                <p>面板1子内容</p>
		            </div>
		        </li>
		    </ul>
		    <div style="background: #FFFFFF;" class="mui-input-row">
		        <label>买家留言：</label>
		    	<input type="text" class="mui-input-clear" placeholder="请填写你的明细">
		    </div>
		    <ul class="mui-table-view"> 
		        <li class="mui-table-view-cell mui-collapse">
		            <a class="mui-navigate-right" href="#">优惠券</a>
		            <div class="mui-collapse-content">
		                <p>面板1子内容</p>
		            </div>
		        </li>
		    </ul>
		    <ul class="mui-table-view"> 
		        <li class="mui-table-view-cell mui-collapse">
		            <a class="mui-navigate-right" href="#">会员积分</a>
		            <div class="mui-collapse-content">
		                <p>面板1子内容</p>
		            </div>
		        </li>
		    </ul>
		    <div class="many_num">
		    	<div class="many_num_one">
		    		<span style="float: left;">商品金额</span>
		    		<span style="float: right; color: red;">￥720.00</span>
		    	</div>
		    	<div class="many_num_one">
		    		<span style="float: left;">运费（总重量：1KG）</span>
		    		<span style="float: right;color: red;">+￥0.00</span>
		    	</div>
		    </div>
		</div>
		<script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/indexlist.js"></script>
		<script type="text/javascript">
			mui.init()
			//			nav_tab();
			document.getElementById("adress").addEventListener('tap', function() {
				mui.openWindow({
					url: 'myaddress.html',
					id: 'address'
				})
			})
			//底部导航栏点击跳转页面函数
			//	    	function nav_tab(){
			//	    		var nav = document.getElementById("uls");
			//		    	var nav_tab = nav.getElementsByClassName("mui-navigate-right");
			//		    	for(var i=0;i<nav_tab.length;i++){
			//		    		(function(x){
			//		    			nav_tab[x].addEventListener('tap',function(){
			//					        window.location.href = this.href;
			//					    });
			//		    		})(i)
			//		    	}
			//	    	}
			var str = document.getElementById("phone").innerHTML;

			function plusXing(str, frontLen, endLen) {
				var len = str.length - frontLen - endLen;
				var xing = '';
				for(var i = 0; i < len; i++) {
					xing += '*';
				}
				var aa = str.substr(0, frontLen) + xing + str.substr(str.length - endLen);
				return aa
			}
			var aa = plusXing(str, 3, 4)
		</script>
		<!--<script>
			$.getJSON("../json/myadress.json",function(data){
				var dizhi_list ="";
				$.each(data,function(infoIndex,info){
//					alert(info.img_list)
					dizhi_list +='<div class="per"><ul><li>';
					dizhi_list +='<p class="p_name">';
					dizhi_list +='<span style="float: left;">';
					dizhi_list +='<span>' + info.name + '</span>';
					dizhi_list +='</span>';
					dizhi_list +='<span style="float: right;">';
					dizhi_list +='<span>' + info.phone_number + '</span>';
					dizhi_list +='</span></p>';
					dizhi_list +='<div style="clear: both;"></div>';
					dizhi_list +='<p style="margin-top: 10px; color: #666; font-size: 15px;">' + info.dizhi + '</p>';
					dizhi_list +='</li></ul></div>';
					dizhi_list +='</div>';
				});
				$("#content").append(dizhi_list);
			});
		</script>-->

	</body>

</html>